@charset "utf-8";
/* CSS Document */
/*	All	*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0; padding:0; list-style:none; border:0;}
body{background: #ccc;font-family: tahoma, verdana, "宋体";font-size: 12px; color:#333;}
form{display:inline;}
a{text-decoration:none; font-size:12px; color:#333;}
a:hover{text-decoration:none; color: #FF6600;}
.clear{clear:both;} /* 兼容IE6 */

/* TOP */
#header{ width:976px; height:129px; margin:0 auto; background:url(aa.gif) repeat-x 0 0 #fff; overflow:hidden;}

#hl{ float:left; width:612px;}
#hl ul{ float:left;}
#hl ul li.logo{ width:324px; height:88px;}
#hl ul li.h_tel{ width:288px; height:88px; background:url(top_tel.jpg) no-repeat;}

#hr{ float:right; width:364px;}
#hr ul.addF{ width:200px; padding:30px 0 10px; margin-left:auto;}
#hr ul.addF li{ float:left; padding:0 10px;}
#hr ul.addF li img{ padding:0 2px;}
#hr ul.search{ width:300px; padding:10px 10px 0 0; margin-left:auto;}
#hr ul.search li{ float:left; line-height:14px;}
.search .fs{ display:none;}
.search .wd{ width:160px; padding:0 5px; height:16px;} 
.search .wd_button{padding:0 5px;;}

#menu{ width:976px; height:41px; clear:both;}
#menu .menu_t{ height:2px; background:url(indexaa_16.gif) no-repeat bottom; overflow:hidden;}
#menu .menu_b{ height:4px; background:url(indexaa_30.gif) no-repeat;}
#menu .ml{ float:left; width:5px; height:35px; background:url(indexaa_18.gif) no-repeat;}
#menu .m1{ float:left; width:95px; height:35px;}
#menu .m1 a{ display:block; width:95px; height:35px; background:url(indexaa_19.gif) no-repeat;}
#menu .m1 a:hover{ background:url(indexaa_19-1.gif) no-repeat;}
#menu .m2{ float:left; width:97px; height:35px;}
#menu .m2 a{ display:block; width:97px; height:35px; background:url(indexaa_23.gif) no-repeat;}
#menu .m2 a:hover{ background:url(indexaa_23-1.gif) no-repeat;}
#menu .m3{ float:left; width:97px; height:35px;}
#menu .m3 a{ display:block; width:97px; height:35px; background:url(indexaa_27.gif) no-repeat;}
#menu .m3 a:hover{ background:url(indexaa_27-1.gif) no-repeat;}
#menu .m4{ float:left; width:97px; height:35px;}
#menu .m4 a{ display:block; width:97px; height:35px; background:url(indexaa_21.gif) no-repeat;}
#menu .m4 a:hover{ background:url(indexaa_21-1.gif) no-repeat;}
#menu .m5{ float:left; width:97px; height:35px;}
#menu .m5 a{ display:block; width:97px; height:35px; background:url(indexaa_22.gif) no-repeat;}
#menu .m5 a:hover{ background:url(indexaa_22-1.gif) no-repeat;}
#menu .m6{ float:left; width:97px; height:35px;}
#menu .m6 a{ display:block; width:97px; height:35px; background:url(indexaa_24.gif) no-repeat;}
#menu .m6 a:hover{ background:url(indexaa_24-1.gif) no-repeat;}
#menu .m7{ float:left; width:97px; height:35px;}
#menu .m7 a{ display:block; width:97px; height:35px; background:url(indexaa_26.gif) no-repeat;}
#menu .m7 a:hover{ background:url(indexaa_26-1.gif) no-repeat;}
#menu .m8{ float:left; width:97px; height:35px;}
#menu .m8 a{ display:block; width:97px; height:35px; background:url(indexaa_20.gif) no-repeat;}
#menu .m8 a:hover{ background:url(indexaa_20-1.gif) no-repeat;}
#menu .m9{ float:left; width:97px; height:35px;}
#menu .m9 a{ display:block; width:97px; height:35px; background:url(indexaa_25.gif) no-repeat;}
#menu .m9 a:hover{ background:url(indexaa_25-1.gif) no-repeat;}
#menu .m10{ float:left; width:97px; height:35px;}
#menu .m10 a{ display:block; width:97px; height:35px; background:url(indexaa_28.gif) no-repeat;}
#menu .m10 a:hover{ background:url(indexaa_28-1.gif) no-repeat;}
#menu .mr{ width:5px; height:35px; background:url(indexaa_29.gif) no-repeat;}

#i_main{ width:976px; margin:0 auto; background:#FFF; padding-bottom:5px;}

#ad{ float:left; width:953px; height:228px; padding:3px 8px 8px 12px; overflow:hidden; padding:5px 8px 5px 12px !important;}

#navibar{ float:left; width:166px; height:219px; padding:10px 11px 10px 3px;}
#navibar ul li{ padding:2px 0;}

#slide{ float:left; width:250px; height:225px; padding:0 0 0 13px;}

#news_l{ float:left; width:442px; padding:0 0 0 7px;}
#news_l ul.title{ height:33px; background:url(index1.gif) no-repeat;}
#news_l ul.title li{ height:33px; padding-left:370px;}
#news_l ul.title li a{ display:block; height:33px; width:72px;}
#news_l div.con{ background:url(ljbg.gif) repeat-y 0 0; height:178px; padding-top:5px;}
#news_l div.con ul{ line-height:25px; width:435px;}
#news_l div.con ul li.cname{ float:left; width:79px; padding-left:10px;}
#news_l div.con ul li.newstitle{ float:left; padding-left:8px;}
#news_l div.con ul li.newsdate{ float:right; width:80px; padding-right:15px;}
#news_l ul.con_b{ background:url(index1_06_02.gif) no-repeat; height:9px;}

#news_r{ float:left; width:250px; padding:0 0 0 2px;}
#news_r ul.title{ height:31px; background:url(indexaa_46.gif) no-repeat;}
#news_r ul.title li{ height:31px; padding-left:190px;}
#news_r ul.title li a{ display:block; height:31px; width:60px;}
#news_r ul.con_l{ float:left; background:url(indexaa_51.gif) no-repeat; width:8px; height:195px;}
#news_r ul.con_r{ float:left; background:url(indexaa_54.gif) no-repeat; width:5px; height:195px;}
#news_r ul.con{ float:left; background:url(indexaa_52.gif) repeat-x 0 0; width:237px; height:190px; padding-top:5px;}
#news_r ul.con li{ height:25px; line-height:25px;}

#products{ width:962px; background:#f5f5f5; padding:10px 7px 2px 7px;}
#products ul.title{ width:962px; height:29px; background:url(018.gif) no-repeat;}
#products ul.title li{ height:33px; padding-left:890px;}
#products ul.title li a{ display:block; height:33px; width:52px;}
#products ul.product_l{ float:left; width:8px; height:168px; background:url(019.gif) no-repeat;}
#products ul.product_r{ float:left; width:8px; height:168px; background:url(021.gif) no-repeat;}
#products ul.product{ float:left; width:940px; height:150px; padding:9px 3px; background:url(020.gif) repeat-x; overflow:hidden;}
#products ul.product a{ display:inline-block;  overflow:hidden; margin:0 2px;}
#sjs ul li{ float:left;}

#i_contact{ float:left; width:249px; padding:4px 0 2px 10px;}
#i_contact ul.title{ height:29px; background:url(indexaa_69.gif) no-repeat;}
#i_contact ul.title li{ height:29px; padding-left:189px;}
#i_contact ul.title li a{ display:block; height:31px; width:60px;}
#i_contact ul.con_l{ float:left; background:url(indexaa_72.gif) no-repeat; width:3px; height:222px; border-left:1px solid #eee;}
#i_contact ul.con_r{ float:left; background:url(indexaa_75.gif) no-repeat; width:6px; height:222px;}
#i_contact ul.con{ float:left; background:url(default_15.jpg) repeat-x 0 0; width:239px;}
#i_contact ul.con li{ background:none;}
#article{ float:right; width:697px; height:251px; padding:4px 10px 2px 0;}
#article ul.a_l{ float:left; width:6px; height:251px; background:url(009.gif) no-repeat;}
#article ul.a_c{ float:left; width:5px; height:251px; background:url(013.gif) no-repeat;}
#article ul.a_r{ float:left; width:7px; height:251px; background:url(011.gif) no-repeat;}
#article_l{ float:left; width:342px; height:251px; background:url(010.gif) repeat-x 0 0;}
#article_l ul.title{ height:31px; background:url(012.gif) no-repeat;}
#article_l ul.title li{ height:31px; padding-left:260px;}
#article_l ul.title li a{ display:block; height:31px; width:62px;}
#article_l ul.pic{ width:104px; height:79px; padding:14px 0 0 15px;}
#article_l ul.pic li{ width:102px; height:77px; overflow:hidden; border:1px solid #000;}
#article_l ul.pic img{ width:102px;}
#article_l div.con{ width:332px; height:122px; padding-top:5px;}
#article_l div.con ul{ height:23px; line-height:23px;}
#article_l div.con ul li.cname{ float:left; width:79px; padding-left:10px;}
#article_l div.con ul li.newstitle{ float:left; padding-left:8px;}
#article_r{ float:left; width:337px; height:251px; background:url(010.gif) repeat-x 0 0;}
#article_r ul.title{ height:31px; background:url(014.gif) no-repeat;}
#article_r ul.title li{ height:31px; padding-left:260px;}
#article_r ul.title li a{ display:block; height:31px; width:62px;}
#article_r ul.pic{ width:104px; height:79px; padding:14px 0 0 15px;}
#article_r ul.pic li{ width:102px; height:77px; overflow:hidden; border:1px solid #000;}
#article_r ul.pic img{ width:102px;}
#article_r div.con{ width:332px; height:122px; padding-top:5px;}
#article_r div.con ul{ height:23px; line-height:23px;}
#article_r div.con ul li.cname{ float:left; width:79px; padding-left:10px;}
#article_r div.con ul li.newstitle{ float:left; padding-left:8px;}

#link{ width:950px; padding:2px; border:1px solid #eee; margin:0 auto;}
#link ul{ height:26px; background:#f0f0f0;}
#link ul li{ float:left; padding-left:10px; line-height:26px; color:#ff5533;}
#link ul li a{ padding:0 2px;}

#footer{ width:976px; margin:0 auto;}
#footer ul.fnavi{ height:24px; background:#eaeaea;}
#footer ul.fnavi li{  line-height:24px; text-align:center;}
#footer ul.copyright{ height:50px; background:url(indexaa_199.gif) repeat-x; padding-top:10px;}
#footer ul.copyright li{ text-align:center; line-height:20px;}

#banner{ width:976px; height:200px; margin:0 auto; background:url(banner.jpg) no-repeat;}

#main{ width:976px; margin:0 auto; background:url(about1-1.gif) repeat-x 0 0 #fff;}

#left{ float:left; width:196px; padding-bottom:20px;}

.sidebar{ width:187px; padding-top:15px; margin-left:auto;}
.sidebar ul.title{ width:187px; height:46px; overflow:hidden;}
.sidebar ul.con{ padding:10px 0 0 20px;}
.sidebar ul.con{ line-height:18px; vertical-align:middle; letter-spacing:1px;}

#right{ float:right; width:780px; padding-bottom:20px;}

#r_main{ width:754px; margin:15px auto 0; background:url(c07.gif) repeat-y 0 0;}

#r_top{ height:52px; background:url(c06.gif) no-repeat;}
#r_top ul.title{ float:left; padding:16px 0 0 75px;}
#r_top ul.path{ float:right; padding:15px 15px 0 0;}

#r_bottom{ height:20px; background:url(c08.gif) no-repeat 0 0;}

#prolink{ background:url(ab_1800.gif) no-repeat 50% -1px;}
#prolink ul.product{ padding:20px 0 0 55px; height:auto;}
#prolink ul.product li{ float:left; padding-right:25px;}
#prolink ul.product li ol.pic{ width:200px; height:150px; overflow:hidden; border:1px #000 solid;}
#prolink ul.product li ol.pic img{ width:200px; height:150px;}
#prolink ul.product li ol.name{ width:200px; height:40px; line-height:20px; text-align:center;}
#prolink ul.content{ padding:20px 20px 0; line-height:18px; min-height:300px; _height:300px;}
#prolink ul.npages{ padding:10px; width:734px;}
#prolink ul.npages li{ background:#f0f0f0; height:20px; line-height:20px; text-align:center;}

#picsandbasic{ padding:10px 32px 5px; background:url(ab_1800.gif) no-repeat 50% -1px;}
#picsandbasic div{float:left;}
#picsandbasic .pics{margin:10px 0 0 2px;width:325px;height:310px;overflow:hidden;border:3px solid #f5f5f5;}
#picsandbasic .pics img{width:325px;}
#picsandbasic .basic{width:320px;margin:25px 0 0 20px;}
#picsandbasic .basic h1,#content .cpics{padding:0 5px 5px 25px;letter-spacing:1px;color:#544C48;font:bold 14px/20px "宋体","黑体","新宋体";background:url(arrow_6.gif) no-repeat 8px 0;}
#picsandbasic .basic ul li{float:left;padding:7px 0;height:13px;line-height:13px;border-bottom:1px #e0e0e0 dotted;}
#picsandbasic .basic ul li.pname{padding-left:3px;width:65px;text-align:right;}
#picsandbasic .basic ul li.ptext{width:250px;text-align:left;}
#content{padding:0 32px;background:url(title_bg_l.gif) no-repeat 0 8px;}
#content .ctext{padding:0 10px;line-height:22px; overflow:auto; height:auto;}

#cnews{	width:685px;padding:20px 35px;min-height:300px;_height:300px; background:url(ab_1800.gif) no-repeat 50% -1px;}
#cnews ul{height:35px;}
#cnews ul li{color:#666;padding:5px 0;}
#cnews ul li.cname,#cnews ul li.newstitle,#cnews ul li.newsdate{ line-height:20px;border-bottom:1px #ccc dotted;}
#cnews ul li.cname{float:left;width:73px;padding-left:5px;}
#cnews ul li.cname a{color:#666;}
#cnews ul li.newstitle{margin:0 83px 0 78px;width:auto; _padding-top:10px;}
#cnews ul li.newstitle a{padding-left:15px;background:url(arrow_greencross.gif) no-repeat 5px 50%;color:#666;}
#cnews ul li a:hover{color:#ff6600;}
#cnews ul li.newsdate{float:right;padding-right:5px;width:78px;text-align:right;}
#cnews ul.pages{float:none;padding:30px 0;}
#cnews ul.pages li{padding:5px 0;height:20px;line-height:20px;background:#f0f0f0;text-align:center;}

#cnews .newtitle{color:#ff3300;height:25px;font-weight:bold;font-size:20px;text-align:center;padding:25px 0 10px 0;}
#cnews .newcontent{float:none;line-height:23px;padding:10px 0 10px;min-height:380px;_height:380px;color:#666;}
#cnews .newsinfo{text-align:right;height:12px;}
#next{ padding:10px 0;margin:0 auto;width:700px;line-height:22px;}

#information{margin:0 auto;width:580px;padding:10px 0;}
#information ul{}
#information ul li{float:left;}		
#information ul.ntitle li ,#form ul li.ntitle{padding:0 5px 5px 25px;letter-spacing:1px;color:#544C48;font:bold 14px/20px "宋体","黑体","新宋体";background:url(icon_arrow.gif) no-repeat 5px 2px;}
#information ul .nodata{text-align:center;width:580px;height:50px;line-height:50px;}
#information .row1 li,#information .row2 li,#information .row3 li,#information .row4 li{float:left;line-height:30px;height:30px;padding:10px 0 0 0;}
#information .row1 li{width:330px;}

#form{margin:0 auto;padding:30px 0;width:630px;}
#form ul{clear:both;}
#form li{float:left;height:25px;line-height:25px;}
#form .text{text-align:right;width:100px;}
#form .input{height:30px;}
#form .input #GuestBookTitle{width:390px;}
#form .code{width:60px;height:30px;}
#form .code input{width:40px;}	
#form .codeimg{width:340px;height:35px;padding:5px 0 0 0;}
#form .details li{height:120px;}
#form .details li textarea{width:390px;height:100px;}


.top{width:950px; margin:auto; height:100px;}
.top .logo{padding:20px 0 0 10px; float:left; overflow:hidden; height:80px; width:600px;}
.top .logo img{behavior:url(./tools/iepngfix/iepngfix.htc);}
.top .right{float:right;}
.top .right ul{clear:both;}
.top .right .regandlang{background:url(./images/top_lang_bg.gif) no-repeat; width:286px; height:20px; padding:0 0 0 34px;} /* 320px */
.top .right .regandlang li{padding:2px 10px 0 0; color:#FFF;}
.top .right .regandlang li a{color:#FFF;}
.top .right .regandlang li a:hover{text-decoration:none; color:#E3E3E3;}
.top .right .regandlang li .top_pics{z-index:1; position:absolute; margin:0 0 0 135px;}
.top .right .regandlang li .top_pics img{behavior:url(./tools/iepngfix/iepngfix.htc);}
.top .right .servicespics{padding:15px 0 2px 0; _padding:0 0 2px 0;}
.top .right .webtel{color:#999; font-family:Georgia,Geneva,Verdana,sans-serif; padding:0 0 0 60px; font-size:18px; font-weight:bold;}

.navigation{width:950px; margin:auto; height:37px; background:url(./images/top_navul_bg.gif) repeat-x top; background-position:0 5px;}
.navigation ul{clear:both; padding:0 0 0 8px;}
.navigation ul li{float:left; text-align:center; height:37px; overflow:hidden;}
.navigation ul li a{font-size:14px; background:url(./images/top_button_bg.gif) no-repeat left top; width:80px; height:37px; line-height:40px; line-height:43px\9; display:block; text-decoration:none; color:#FFF;}
.navigation ul li a:hover{background:url(./images/top_button_bg.gif) no-repeat left -37px; color:#CC0; text-decoration:none;}

.announcement{width:950px; margin:auto; height:29px; background:url(./images/top_navul_bg.gif) repeat-x; background-position:0 -32px;}
.announcement ul{clear:both;}
.announcement ul li{height:29px; line-height:29px; float:left; overflow:hidden;}
.announcement ul li img{margin:6px 5px 0 10px; margin:3px 5px 0 10px\9; _margin:7px 5px 0 10px;}
.announcement ul #date{float:right; padding:0 100px 0 0; color:#330;}
.announcement ul #announ a{color:#330;}

/* bottom */
.bottom{width:950px; margin:auto; clear:both;}
.bottom ul{clear:both;}
.bottom ul li{float:left; text-align:center;}
.bottom .column li{width:950px; height:30px; line-height:30px; padding:5px 0 0 0; border-bottom:2px #F0180B solid;}
.bottom .copyright li{width:950px; line-height:20px; text-align:center; clear:both;}

/* leftpage */
.leftpage{width:209px; text-align:center; float:left;}
.leftpage .toppics li{height:92px; background:url(./images/left_page_top.gif) no-repeat;}
.leftpage .bottompics li{height:107px; background:url(./images/left_page_bottom.gif) no-repeat;}
.leftpage .column1{}
.leftpage .column1,.leftpage .column2,.leftpage .column3{background:url(./images/left_page_center.gif) repeat-y;}
.leftpage .column1 .pitch{height:20px;}
.leftpage ul .columntoppics{width:170px; margin:auto; height:12px; background:url(./images/left_column_top.gif) no-repeat 0 2px;}
.leftpage ul .text{width:170px; margin:auto; background:url(./images/left_line.gif) no-repeat center bottom #F3F5F9;}
.leftpage ul .columnbottompics{width:170px; margin:auto; height:14px; background:url(./images/left_column_bottom.gif) no-repeat;}
.leftpage .column1 .text{height:40px; line-height:40px; font-weight:bold;}
.leftpage .column1 .text a{font-size:14px; text-decoration:none;}
.leftpage .column1 .text a:hover{display:block; height:40px; background:url(./images/left_a_hover.gif) no-repeat center center;}
.leftpage .column2 .text{padding:5px 0 5px 0; background:url(./images/left_line_dx.gif) no-repeat center bottom #F3F5F9;}
.leftpage .column3 .text span{display:block; width:140px; padding:0 0 0 30px; _width:130px; height:30px; line-height:30px; font-weight:bold; text-align:left; margin:auto; background:url(../../images/team.gif) 5px center no-repeat;}
.leftpage .column3 .text{height:auto; text-align:left; padding:0 0 0 10px; _padding:5px 0 5px 10px; line-height:30px; width:160px; background:url(./images/left_line_dx.gif) no-repeat center bottom #F3F5F9;}
.leftpage .column3 .button{width:170px; margin:0 auto; background:#F3F5F9; padding:10px 0 0 0;}

/* product left */
.leftpage .product{background:url(./images/left_page_center.gif) repeat-y;}
.leftpage .product .pitch{height:20px;}
.leftpage .product .text{text-align:left; padding:6px 0 12px 10px; width:159px;}

/* agree And disagree 顶与踩 */
.agrees{width:450px; padding:10px 95px 10px 0; float:right; overflow:hidden;}
.agrees div{width:180px; height:45px; float:left; background:url(images/agree_bg.png) no-repeat center center; cursor:pointer;}
.agrees .agree{margin:0 50px 0 0;}
.agrees div ul{clear:both;}
.agrees div ul li{float:left;}
.agrees div ul .thumb{width:24px; padding:10px 3px 0 3px;}
.agrees div ul .proportion{width:150px; padding:5px 0 0 0; overflow:hidden;}
.agrees div ul .proportion ol{width:142px; height:3px; border:1px #999 solid; margin:12px 0 0 0;}
.agrees div ul .proportion ol #bar_agree,#bar_disagree{height:3px; background:#F60; display:block; font-size:0; overflow:hidden;}

/* comment 评论 */
.comment{width:640px; padding:10px 20px; float:right; margin:0 10px 0 0; overflow:hidden; border:1px #333 dotted;}
.comment .ctitle{width:640px; height:25px; line-height:25px; margin:0 0 10px 0; background:url(../../images/0101.gif) bottom left repeat-x;}
.comment .ctitle .icomment{font-size:16px; padding:0 0 0 30px; float:left; background:url(../../images/title.gif) 8px 5px no-repeat;}
.comment .ctitle .already{float:right; padding:0 10px 0 0;}
.comment .clogin{clear:both;}
.comment .clogin ol{float:left;}
.comment .clogin .ctext{padding:4px 0 0 0;}
.comment .clogin .cinput{padding:0 20px 0 0;}
.comment .clogin .cinput .cxinput{width:150px; height:18px; color:#06F;}
.comment .ccontent{clear:both;}
.comment .ccontent textarea{width:640px; height:120px; margin:10px 0; border:1px #999 solid; background:url(images/comment_bg.gif) center center no-repeat;}

/* 导航栏下拉菜单样式 */
.xSC_MENU{display:none;}
.xSC_MENU a{color:#333; font-size:12px;}
.xSC_MENU a:hover{text-decoration:none; color:#F30;}
.xSC_MENU .subject{width:168px; padding:8px 0 0 0; border-left:1px #e42010 solid; border-right:1px #e42010 solid; background:#f3f5f9;}
.xSC_MENU .subject li{width:150px; height:30px; line-height:30px; _padding:3px 0 0 0; _height:27px; margin:0 auto; background:url(../../images/0101.gif) repeat-x bottom; overflow:hidden;}
.xSC_MENU .xbottom{width:170px; height:15px; background:url(./images/menu_bt_bg.gif) no-repeat center bottom; border:none;}


/* 深色背景立体效果下拉菜单,可去掉备注启用以下三行样式 */
/*
.xSC_MENU{border-left:4px #F60 outset; border-right:2px #F60 solid; border-bottom:5px #F60 outset;}
.xSC_MENU a{color:#FFF; font-size:14px;}
.xSC_MENU .subject,.xSC_MENU .xbottom{background:#EA0000;}
*/